<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Cuber</title>
    <meta charset="GBK"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css"/>
    <link rel="stylesheet" href="css/uniform.css"/>
    <link rel="stylesheet" href="css/select2.css"/>
    <link rel="stylesheet" href="css/maruti-style.css"/>
    <link rel="stylesheet" href="css/maruti-media.css" class="skin-color"/>

    <link href="./echarts/asset/css/font-awesome.min.css" rel="stylesheet">

    <script src="./echarts/asset/js/esl/esl.js"></script>

    <script type="text/javascript" src="./ichart/ichart.1.2.min.js"></script>
</head>
<body>

<!--Header-part-->
<div id="header">
    <h1><a href="dashboard.html">Maruti Admin</a></h1>
</div>
<!--close-Header-part-->

<!--top-Header-messaages-->
<div class="btn-group rightzero"><a class="top_message tip-left" title="Manage Files"><i class="icon-file"></i></a> <a
        class="top_message tip-bottom" title="Manage Users"><i class="icon-user"></i></a> <a
        class="top_message tip-bottom" title="Manage Comments"><i class="icon-comment"></i><span
        class="label label-important">5</span></a> <a class="top_message tip-bottom" title="Manage Orders"><i
        class="icon-shopping-cart"></i></a></div>
<!--close-top-Header-messaages-->

<!--top-Header-menu-->
<div id="user-nav" class="navbar navbar-inverse">
    <ul class="nav">
        <li class=""><a title="" href="#"><i class="icon icon-user"></i> <span class="text">Profile</span></a></li>
        <li class=" dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages"
                                                    class="dropdown-toggle"><i class="icon icon-envelope"></i> <span
                class="text">Messages</span> <span class="label label-important">5</span> <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a class="sAdd" title="" href="#">new message</a></li>
                <li><a class="sInbox" title="" href="#">inbox</a></li>
                <li><a class="sOutbox" title="" href="#">outbox</a></li>
                <li><a class="sTrash" title="" href="#">trash</a></li>
            </ul>
        </li>
        <li class=""><a title="" href="#"><i class="icon icon-cog"></i> <span class="text">Settings</span></a></li>
        <li class=""><a title="" href="login.html"><i class="icon icon-share-alt"></i> <span class="text">Logout</span></a>
        </li>
    </ul>
</div>

<!--close-top-Header-menu-->

<div id="sidebar"><a href="#" class="visible-phone"><i class="icon icon-th-list"></i> Tables</a>
    <ul>
        <li class="active"><a href="index.html"><i class="icon icon-home"></i> <span>车源数据</span></a></li>
        <li><a href="charts.html"><i class="icon icon-signal"></i> <span>商户数据</span></a></li>
        <li><a href="widgets.html"><i class="icon icon-inbox"></i> <span>网站数据</span></a></li>
        <li><a href="widgets.html"><i class="icon icon-inbox"></i> <span>应用数据</span></a></li>
        <li class="submenu"><a href="#"><i class="icon icon-th-list"></i> <span>系统设置</span> <span
                class="label">3</span></a>
            <ul>
                <li><a href="form-common.html">管理员维护</a></li>
                <li><a href="form-common.html">自定义</a></li>
                <li><a href="form-validation.html">服务监控</a></li>
            </ul>
        </li>
    </ul>
</div>
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"><a href="#" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> Home</a> <a
                href="#" class="current">车源数据</a></div>
        <h1>上下架车源趋势图</h1>
    </div>

    <!-- 上架车源显示开始 -->
    <script type="text/javascript">
        var swidth = screen.availWidth;
        $(function () {
            var flow = [];
            for (var i = 0; i < 21; i++) {
                flow.push(Math.floor(Math.random() * (30 + ((i % 12) * 5))) + 10);
            }

            var data = [
                {
                    name: 'PV',
                    value: flow,
                    color: '#0d8ecf',
                    line_width: 2
                }
            ];

            var labels = ["2012-12-01", "2012-12-02", "2012-12-03", "2012-12-04", "2012-12-05", "2012-12-06"];

            var line = new iChart.LineBasic2D({
                render: 'canvasDiv',
                data: data,
                align: 'center',
                title: '',
                subtitle: '',
                footnote: '',
                width: swidth - 65,//0.8
                height: 360,//0.4
                sub_option: {
                    smooth: true,//平滑曲线
                    point_size: 10
                },
                tip: {
                    enable: true,
                    shadow: true
                },
                legend: {
                    enable: false
                },
                crosshair: {
                    enable: true,
                    line_color: '#62bce9'
                },
                coordinate: {
                    width: swidth - 150,//0.6
                    valid_width: (swidth - 150) * (5 / 6),//0.5
                    height: 300,//0.26
                    axis: {
                        color: '#9f9f9f',
                        width: [0, 0, 2, 2]
                    },
                    grids: {
                        vertical: {
                            way: 'share_alike',
                            value: 12
                        }
                    },
                    scale: [{
                        position: 'left',
                        start_scale: 0,
                        end_scale: 100,
                        scale_space: 10,
                        scale_size: 2,
                        scale_color: '#9f9f9f'
                    }, {
                        position: 'bottom',
                        labels: labels
                    }]
                }
            });
            //开始画图
            line.draw();
        });

    </script>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div id='canvasDiv'></div>
            </div>
        </div>
    </div>


    <!-- 上架车源显示结束 -->


    <!--- 饼状图 及 各接口车源显示 ------------------------------------------------------------------------------------------------start-->
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span6">
                <div class="widget-box">
                    <div class="widget-title"><span class="icon"><i class="icon-file"></i></span>
                        <h5>在售车源数据分析</h5>
                        <div class="controls " >
                            <div class="select2-container" id="s2id_autogen1" >
                                <div class="select2-drop select2-with-searchbox select2-drop-active select2-offscreen"
                                     style="display: block; ">
                                    <div class="select2-search" style="margin-top:3px;">
                                        <input type="text" class="select2-input" autocomplete="off" tabindex="0"></div>
                                    <ul class="select2-results"></ul>
                                </div>
                            </div>
                            <select style="display: none;width: 156px;" >
                                <option>按车源状态</option>
                                <option>按车源来源</option>
                                <option>按车源类型</option>
                                <option>按认证品牌</option>
                                <option>按品牌</option>
                                <option>按价格</option>
                                <option>按里程</option>
                                <option>按发布时间</option>
                                <option>按车龄</option>
                                <option>按排量</option>
                                <option>按颜色</option>
                            </select>
                        </div>
                    </div>
                    <!-- 引入echarts图表开始 -->
                    <div class="featurette">
                        <div class="echarts-row">
                            <div id="graphic" class="col-md-12" style="border-bottom:1px solid #cdcdcd;">
                                <div id="main" style="height:400px;width: 100%;"></div>
                            </div>
                            <!--/span-->
                        </div>
                        <!--/row-->
                    </div>
                    <!--/.fluid-container-->
                    <!-- Placed at the end of the document so the pages load faster -->
                    <script src="./echarts/asset/js/jquery.min.js"></script>
                    <script src="./echarts/asset/js/bootstrap.min.js"></script>
                    <script type="text/javascript">
                        require.config({
                            packages: [
                                {
                                    name: 'echarts',
                                    location: './echarts',
                                    main: 'echarts'
                                },
                                {
                                    name: 'zrender',
                                    location: 'http://ecomfe.github.io/zrender/src',
                                    //location: '../../../zrender/src',
                                    main: 'zrender'
                                }
                            ]
                        });

                        var idx = 1;
                        option = {
                            timeline: {
                                data: [
                                    '2013-01-01', '2013-02-01', '2013-03-01', '2013-04-01', '2013-05-01',
                                    {name: '2013-06-01', symbol: 'emptyStar6', symbolSize: 8},
                                    '2013-07-01', '2013-08-01', '2013-09-01', '2013-10-01', '2013-11-01',
                                    {name: '2013-12-01', symbol: 'star6', symbolSize: 8}
                                ],
                                label: {
                                    formatter: function (s) {
                                        return s.slice(0, 7);
                                    }
                                }
                            },
                            options: [
                                {
                                    title: {
                                        text: '',
                                        subtext: ''
                                    },
                                    tooltip: {
                                        trigger: 'item',
                                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                                    },
                                    legend: {
                                        data: ['Chrome', 'Firefox', 'Safari', 'IE9+', 'IE8-']
                                    },
                                    series: [
                                        {
                                            name: '浏览器（数据纯属虚构）',
                                            type: 'pie',
                                            center: ['50%', '45%'],
                                            radius: '50%',
                                            data: [
                                                {value: idx * 128 + 80, name: 'Chrome'},
                                                {value: idx * 64 + 160, name: 'Firefox'},
                                                {value: idx * 32 + 320, name: 'Safari'},
                                                {value: idx * 16 + 640, name: 'IE9+'},
                                                {value: idx++ * 8 + 1280, name: 'IE8-'}
                                            ]
                                        }
                                    ]
                                },
                                {
                                    series: [
                                        {
                                            name: '浏览器（数据纯属虚构）',
                                            type: 'pie',
                                            data: [
                                                {value: idx * 128 + 80, name: 'Chrome'},
                                                {value: idx * 64 + 160, name: 'Firefox'},
                                                {value: idx * 32 + 320, name: 'Safari'},
                                                {value: idx * 16 + 640, name: 'IE9+'},
                                                {value: idx++ * 8 + 1280, name: 'IE8-'}
                                            ]
                                        }
                                    ]
                                },
                                {
                                    series: [
                                        {
                                            name: '浏览器（数据纯属虚构）',
                                            type: 'pie',
                                            data: [
                                                {value: idx * 128 + 80, name: 'Chrome'},
                                                {value: idx * 64 + 160, name: 'Firefox'},
                                                {value: idx * 32 + 320, name: 'Safari'},
                                                {value: idx * 16 + 640, name: 'IE9+'},
                                                {value: idx++ * 8 + 1280, name: 'IE8-'}
                                            ]
                                        }
                                    ]
                                },
                                {
                                    series: [
                                        {
                                            name: '浏览器（数据纯属虚构）',
                                            type: 'pie',
                                            data: [
                                                {value: idx * 128 + 80, name: 'Chrome'},
                                                {value: idx * 64 + 160, name: 'Firefox'},
                                                {value: idx * 32 + 320, name: 'Safari'},
                                                {value: idx * 16 + 640, name: 'IE9+'},
                                                {value: idx++ * 8 + 1280, name: 'IE8-'}
                                            ]
                                        }
                                    ]
                                },
                                {
                                    series: [
                                        {
                                            name: '浏览器（数据纯属虚构）',
                                            type: 'pie',
                                            data: [
                                                {value: idx * 128 + 80, name: 'Chrome'},
                                                {value: idx * 64 + 160, name: 'Firefox'},
                                                {value: idx * 32 + 320, name: 'Safari'},
                                                {value: idx * 16 + 640, name: 'IE9+'},
                                                {value: idx++ * 8 + 1280, name: 'IE8-'}
                                            ]
                                        }
                                    ]
                                },
                                {
                                    series: [
                                        {
                                            name: '浏览器（数据纯属虚构）',
                                            type: 'pie',
                                            data: [
                                                {value: idx * 128 + 80, name: 'Chrome'},
                                                {value: idx * 64 + 160, name: 'Firefox'},
                                                {value: idx * 32 + 320, name: 'Safari'},
                                                {value: idx * 16 + 640, name: 'IE9+'},
                                                {value: idx++ * 8 + 1280, name: 'IE8-'}
                                            ]
                                        }
                                    ]
                                },
                                {
                                    series: [
                                        {
                                            name: '浏览器（数据纯属虚构）',
                                            type: 'pie',
                                            data: [
                                                {value: idx * 128 + 80, name: 'Chrome'},
                                                {value: idx * 64 + 160, name: 'Firefox'},
                                                {value: idx * 32 + 320, name: 'Safari'},
                                                {value: idx * 16 + 640, name: 'IE9+'},
                                                {value: idx++ * 8 + 1280, name: 'IE8-'}
                                            ]
                                        }
                                    ]
                                },
                                {
                                    series: [
                                        {
                                            name: '浏览器（数据纯属虚构）',
                                            type: 'pie',
                                            data: [
                                                {value: idx * 128 + 80, name: 'Chrome'},
                                                {value: idx * 64 + 160, name: 'Firefox'},
                                                {value: idx * 32 + 320, name: 'Safari'},
                                                {value: idx * 16 + 640, name: 'IE9+'},
                                                {value: idx++ * 8 + 1280, name: 'IE8-'}
                                            ]
                                        }
                                    ]
                                },
                                {
                                    series: [
                                        {
                                            name: '浏览器（数据纯属虚构）',
                                            type: 'pie',
                                            data: [
                                                {value: idx * 128 + 80, name: 'Chrome'},
                                                {value: idx * 64 + 160, name: 'Firefox'},
                                                {value: idx * 32 + 320, name: 'Safari'},
                                                {value: idx * 16 + 640, name: 'IE9+'},
                                                {value: idx++ * 8 + 1280, name: 'IE8-'}
                                            ]
                                        }
                                    ]
                                },
                                {
                                    series: [
                                        {
                                            name: '浏览器（数据纯属虚构）',
                                            type: 'pie',
                                            data: [
                                                {value: idx * 128 + 80, name: 'Chrome'},
                                                {value: idx * 64 + 160, name: 'Firefox'},
                                                {value: idx * 32 + 320, name: 'Safari'},
                                                {value: idx * 16 + 640, name: 'IE9+'},
                                                {value: idx++ * 8 + 1280, name: 'IE8-'}
                                            ]
                                        }
                                    ]
                                },
                                {
                                    series: [
                                        {
                                            name: '浏览器（数据纯属虚构）',
                                            type: 'pie',
                                            data: [
                                                {value: idx * 128 + 80, name: 'Chrome'},
                                                {value: idx * 64 + 160, name: 'Firefox'},
                                                {value: idx * 32 + 320, name: 'Safari'},
                                                {value: idx * 16 + 640, name: 'IE9+'},
                                                {value: idx++ * 8 + 1280, name: 'IE8-'}
                                            ]
                                        }
                                    ]
                                },
                                {
                                    series: [
                                        {
                                            name: '浏览器（数据纯属虚构）',
                                            type: 'pie',
                                            data: [
                                                {value: idx * 128 + 80, name: 'Chrome'},
                                                {value: idx * 64 + 160, name: 'Firefox'},
                                                {value: idx * 32 + 320, name: 'Safari'},
                                                {value: idx * 16 + 640, name: 'IE9+'},
                                                {value: idx++ * 8 + 1280, name: 'IE8-'}
                                            ]
                                        }
                                    ]
                                }
                            ]
                        };
                        require(
                                [
                                    'echarts',
                                    'echarts/chart/pie',
                                    'echarts/chart/bar'
                                ],
                                function (ec) {
                                    var myChart = ec.init(document.getElementById('main'));
                                    myChart.setOption(option);
                                }
                        )
                    </script>
                    <!--- 引入echarts图表结束 -->

                </div>
            </div>
            <div class="span6">
                <div class="widget-box">
                    <div class="widget-title"><span class="icon"> <i class="icon-th"></i> </span>
                        <h5>TOP10渠道数据统计  &nbsp;&nbsp;&nbsp;<a href="more.html">More>></a></h5>
                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>渠道描述</th>
                                <th>昨日上架/下架车源数量</th>
                                <th>在售车源数量</th>
                                <th>车源点击次数</th>
                                <th>最近30天车源投诉次数</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="odd gradeX">
                                <td>车通宝</td>
                                <td>140/90</td>
                                <td>33600</td>
                                <td class="center">4300</td>
                                <td class="center">95</td>
                            </tr>
                            <tr class="even gradeC">
                                <td>车商助手</td>
                                <td>60/30</td>
                                <td>12000</td>
                                <td class="center">4300</td>
                                <td class="center">95</td>
                            </tr>
                            <tr class="odd gradeA">
                                <td>阳光车网同步接口</td>
                                <td>200/150</td>
                                <td>6000</td>
                                <td class="center">4300</td>
                                <td class="center">95</td>
                            </tr>
                            <tr class="even gradeA">
                                <td>牛车同步接口</td>
                                <td>180/75</td>
                                <td>4202</td>
                                <td class="center">4300</td>
                                <td class="center">95</td>
                            </tr>
                            <tr class="even gradeA">
                                <td>花乡同步接口</td>
                                <td>260/152</td>
                                <td>1907</td>
                                <td class="center">4300</td>
                                <td class="center">95</td>
                            </tr>
                            <tr class="even gradeA">
                                <td>第一车网同步接口</td>
                                <td>260/152</td>
                                <td>1907</td>
                                <td class="center">4300</td>
                                <td class="center">95</td>
                            </tr>
                            <tr class="even gradeA">
                                <td>牛车同步接口</td>
                                <td>260/152</td>
                                <td>1907</td>
                                <td class="center">4300</td>
                                <td class="center">95</td>
                            </tr>
                            <tr class="even gradeA">
                                <td>车猫同步接口</td>
                                <td>260/152</td>
                                <td>1907</td>
                                <td class="center">4300</td>
                                <td class="center">95</td>
                            </tr>
                            <tr class="even gradeA">
                                <td>车猫同步接口</td>
                                <td>260/152</td>
                                <td>1907</td>
                                <td class="center">4300</td>
                                <td class="center">95</td>
                            </tr>
                            <tr class="even gradeA">
                                <td>大搜车同步接口</td>
                                <td>260/152</td>
                                <td>1907</td>
                                <td class="center">4300</td>
                                <td class="center">95</td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--- test ------------------------------------------------------------------------------------------------end-->

    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div class="widget-title"><span class="icon"> <i class="icon-th"></i> </span>
                        <h5>TOP10地区数据统计  &nbsp;&nbsp;&nbsp;<a href="more.html">More>></a></h5>
                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>地区</th>
                                <th>昨日上架车源数量</th>
                                <th>昨日下架车源数量</th>
                                <th>最近一周上架车源数量</th>
                                <th>最近一周下架车源数量</th>
                                <th>最近一月上架车源数量</th>
                                <th>最近一月下架车源数量</th>
                                <th>在售车源数量</th>
                                <th>昨日车源点击次数</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="odd gradeX">
                                <td>全国</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>北京</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>广州</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>辽宁</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>河北</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>山东</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>天津</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>深圳</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>上海</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>江苏</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div class="widget-title"><span class="icon"> <i class="icon-th"></i> </span>
                        <h5>TOP10品牌数据统计 &nbsp;&nbsp;&nbsp;<a href="more.html">More>></a></h5>
                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>品牌</th>
                                <th>昨日上架车源数量</th>
                                <th>昨日下架车源数量</th>
                                <th>最近一周上架车源数量</th>
                                <th>最近一周下架车源数量</th>
                                <th>最近一月上架车源数量</th>
                                <th>最近一月下架车源数量</th>
                                <th>在售车源数量</th>
                                <th>昨日车源点击次数</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="odd gradeX">
                                <td>大众</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>奥迪</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>宝马</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>奔驰</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>起亚</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>长城</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>现代</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>日产</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>别克</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>丰田</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div class="widget-title"><span class="icon"> <i class="icon-th"></i> </span>
                        <h5>TOP10认证品牌数据统计 &nbsp;&nbsp;&nbsp;<a href="more.html">More>></a></h5>
                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>认证品牌</th>
                                <th>昨日上架车源数量</th>
                                <th>昨日下架车源数量</th>
                                <th>最近一周上架车源数量</th>
                                <th>最近一周下架车源数量</th>
                                <th>最近一月上架车源数量</th>
                                <th>最近一月下架车源数量</th>
                                <th>在售车源数量</th>
                                <th>昨日车源点击次数</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="odd gradeX">
                                <td>奥迪品鉴认证</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>雪铁龙品牌认证</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>宝马尊选</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>车猫认证</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>第一车网认证</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>牛车认证</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>奔驰星睿品牌认证</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>丰田心悦品牌认证</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>上海大众品牌认证</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            <tr class="odd gradeX">
                                <td>悦达起亚认证</td>
                                <td>1200</td>
                                <td>630</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                                <td class="center">13000</td>
                                <td class="center">8000</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row-fluid">
    <div id="footer" class="span12"> 2015 &copy; Marutii Admin. More Templates <a href="http://www.seamtop.com/"
                                                                                  target="_blank"
                                                                                  title="徙木科技">徙木科技</a> - Collect from
        <a href="#" title="" target="_blank">企业数据化运营服务提供商</a></div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.ui.custom.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.uniform.js"></script>
<script src="js/select2.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/maruti.js"></script>
<script src="js/maruti.tables.js"></script>
</body>
</html>

